<div class="ui grid">
    <div class="fourteen wide column">
        <div class="ui one column centered grid">
            <h4 class="ui column center aligned">待修复数据样例</h4>
            <div class="column">
                <table class="ui celled table">
                    <thead>
                    <tr class="dragularSrc">
                        <th ng-repeat="attr in attrs" style="cursor: pointer;">{{ attr.colName }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="record in data">
                        <td ng-repeat="attr in attrs">{{ record[attr.colName] }}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="two wide column">
        <div class="ui one column centered grid">
            <h4 class="ui column center aligned">配置项</h4>
            <div class="column">
                <table class="ui celled table">
                    <thead ng-repeat="item in configItems">
                    <tr>
                        <th class="ui center aligned">{{ item.name }}</th>
                    </tr>
                    <tr>
                        <td class="dragularTarget" ng-if="item.items !== undefined" value="{{ item.name }}"
                            dragular-model="item.items">
                            <div ng-repeat="col in item.items">{{ col.colName }}</div>
                        </td>
                        <td ng-if="item.value">
                            <div class="ui input"><input type="text" ng-model="item.value" style="max-width: 100px;">
                            </div>
                        </td>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="column">
                <a ng-click="repair()" class="fluid ui bottom attached primary button center aligned">开始修复</a>
            </div>
        </div>
    </div>
</div>